.tag-field {
  border-left: 1px solid lighten($gray, 30%);
}

.tag-editor {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1 1 auto;
  line-height: 1.75em;
  white-space: nowrap;
  overflow: auto;
  max-height: calc(2.5 * 1.75em + 16px); // about 2.5 rows
  padding: 8px 12px;

  &:focus {
    outline: none;
  }

  .hidden-tag {
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    opacity: 0;

    &:focus {
      outline: none;
    }
  }
}
